import { PageContainer } from '@ant-design/pro-components';
import { Button, Card, Col, Form, Input, Modal, Row, Select, Table } from 'antd';

export default () => {
  return (
    <PageContainer>
      <Modal width={800} title="项目经理信息编辑">
        <Form layout="horizontal">
          <Card title="个人信息">
            <Row gutter={20}>
              <Col span={18}>
                <Row gutter={10}>
                  <Col span={8}>
                    <Form.Item label="姓名">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={8}>
                    <Form.Item label="性别">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={8}>
                    <Form.Item label="出生年月">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={10}>
                  <Col span={8}>
                    <Form.Item label="项目">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={8}>
                    <Form.Item label="区划">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={8}>
                    <Form.Item label="单位名称">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={10}>
                  <Col span={8}>
                    <Form.Item label="成绩">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                </Row>
              </Col>
              <Col span={6}>
                <img
                  src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
                  style={{ width: '100%', height: 'auto' }}
                  alt=""
                />
              </Col>
              <Col></Col>
            </Row>
          </Card>

          <Card title="信用信息" style={{ marginTop: 10 }}>
            <Table></Table>
            <Button>添加</Button>
          </Card>
        </Form>
      </Modal>

      <Modal width={800} title="信用事项记录编辑">
        <Form layout="horizontal">
          <Card title="事项明细">
            <Row gutter={10}>
              <Col span={24}>
                <Row gutter={20}>
                  <Col span={12}>
                    <Form.Item label="事项时间">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={12}>
                    <Form.Item label="备注">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                  <Col span={12}>
                    <Form.Item label="事项类型">
                      <Input></Input>
                    </Form.Item>
                  </Col>
                </Row>
              </Col>
            </Row>
          </Card>

          <Card title="相关附件" style={{ marginTop: 10 }}>
            <div>xxxx.txt</div>
            <div>xxxx.txt</div>
            <div>xxxx.txt</div>
          </Card>

          <Card title="编辑日志" style={{ marginTop: 10 }}>
            <Table></Table>
          </Card>
        </Form>
      </Modal>

      <Row gutter={10}>
        <Col>
          <Select style={{ width: 300 }}></Select>
        </Col>
        <Col>
          <Select style={{ width: 300 }}></Select>
        </Col>
      </Row>

      <Row gutter={10} style={{ marginTop: 10 }} justify={'end'}>
        <Col>
          <Button type="primary">搜索</Button>
        </Col>
        <Col>
          <Button type="primary">添加</Button>
        </Col>
        <Col>
          <Button type="primary">导入</Button>
        </Col>
        <Col>
          <Button type="primary">导出</Button>
        </Col>
      </Row>
      <Table></Table>
    </PageContainer>
  );
};
